iWatch的三種導航方式(指南)

選對導航結構很重要!每種方式都有自己的優勢。

資料來源列表特別適合用來對比資訊,比如不同城市的時間。不需要額外的標題、關閉按鈕或其他導航控制元件。佔的地方更少,能展示更多資料,一眼就能看到所有對比資訊!

1 NaigationSplitView 分割檢視導航

適用於資訊對比和快速篩選的應用,如 天氣、股票,方便同時檢視概覽和詳情。

類似 iPadOS 上的雙欄佈局。列表和詳情是分開的,預設顯示詳情,想看列表時只需點一下!

適合天氣 App 的設計、股票列表

優點是:啟動時直接顯示詳情,減少點選步驟。可根據位置、歷史記錄和使用習慣智慧展示內容。

這種導航模式下詳情頁和列表頁的切換的非常流暢。

2 TabView 標籤檢視

適用於多個功能模組並列的應用,如 健身、音樂、社交,使用者可快速切換不同板塊。

可以擴充套件內容,適配不同語言的長文字和大字號,介面更易讀!

Activity(活動)每個“健身環”詳情頁面都有一個獨立的標籤頁,並且採用了全新的垂直分頁(Vertical Page) 互動方式。

Activity 現在在切換頁面時會有模糊過渡動畫,看起來更順滑!切換到"移動"(Move)標籤時,Activity Rings 會縮放並移至左上角,既強化了數碼錶冠的互動,也讓 Activity Rings 始終可見。

3 NavigationStack 分層導航

他是最直觀的層級導航方式!適用於按層級深入瀏覽的應用,如 設定、提醒事項、健康資料,讓使用者逐步完成操作。

Workout(健身)、Calendar(日曆)、Music(音樂) 等多個應用中使用。首個頁面使用“大標題”(Large Title),但在帶有返回按鈕的子頁面中不要使用大標題。儘量用最少的操作實現使用者想要的功能!

這個導航模式的推送(Navigation Push)的動畫,會在高亮選中的檢視並平滑移動。